<template lang="html">
  <div class="footer">
    <div class="footer-container">
      <ul class="left">
        <li><span class="tel">电话：0571-88387680</span><span>0571-86020207</span></li>
        <li class="diff"><span>地址：</span><div>杭州市下城区善贤路4号创业园创新中国产业园3楼351-364室</div></li>
        <li>邮箱：wyzxlyl@163.com</li>
      </ul>
      <div class="right">
        <div class="qr-wrapper">
          <img src="./qrcode.png" alt="">
          <span>公众微信</span>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="scss">
.footer{
  width: 100%;
  height: 276px;
  background: #3f3f3f;
  color: #fff;
  overflow: hidden;
  padding-bottom: 20px;
  .footer-container{
    width: 1200px;
    margin:0 auto;
    padding-top: 54px;
    padding-left: 44px;
    display: flex;
    height: 100%;
    box-sizing: border-box;
    .left{
      margin-right: 130px;
      font-size: 30px;
      line-height: 30px;
      li{
        margin-bottom: 34px;
        .tel{
          margin-right: 65px;
        }
        div{
          display: inline-block;
        }
        &.diff{
          display: flex;
          &>span{
            width: 90px;
          }
          &>div{
            width: 518px;
            line-height: 40px;
          }
        }
      }
    }
    .right{
      .qr-wrapper{
        display: flex;
        flex-direction: column;

        span{
          display: inline-block;
          text-align: center;
          padding-top: 9px;
        }
      }
    }
  }
}
</style>
